<template>
  <div>
    <nav-bar class="order-nav">
        <div slot="center">订单详情({{this.$store.state.orderList.length}})</div>
    </nav-bar>
    <div class="order-item">
        <order-list></order-list>
    </div>
  </div>
</template>

<script>
import NavBar from 'components/common/navbar/NavBar.vue';
import OrderList from './childComps/OrderList.vue'

export default {
    name: 'OrderItem',
    components: {
        NavBar,
        OrderList
    },
    data() {
        return {
            
        }
    }
}
</script>

<style>
.order-nav {
    background-color: lightblue;
    color: #fff;
    overflow: hidden;
}
.order-item {
    height: 100vh;
    background-color: #f8f8f8;
}
</style>